@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */

html {
    height:100%;
    -webkit-font-smoothing:antialiased;
    margin:0;
    padding:0;
    border:0;
    overflow-y:scroll;
}

body{
    height:100%;
    margin:0;
    padding:0;
    border:0;
   /* background: url('../images/bg3.png') repeat center fixed;*/
}

header {
    padding-top:    15px !important; 
    border-bottom:  1px solid #ccc !important; 
    padding-bottom: 10px !important;
    margin-bottom:  20px !important;
}

header .logo {
    font-size: 1.7em;
}
header nav ul li {
    float:left; 
    
}
header nav ul li a {
    display:block; 
    padding:5px 15px; 
    font-size: 0.8em; 
    text-decoration:none;
}

header nav ul li a:hover {
    color:#999; 
    text-shadow:-1px -1px 0px #fff;
    text-decoration: none;
}

header nav ul li.last a {
    border-right:none;
}

.content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -1em;
}

footer {
    padding-top: 30px; 
    padding-bottom: 30px;
    text-align:center; 
    color:#999; 
    font-size:0.8em;
    clear: both;
    line-height: 1.6em;
}

.push {
    clear: both;
}


#sidebar{
    float: right;
    width: 215px;
    margin-top: -1px;
}

#sidebar h1{
    font-size: 1.2em;
    color: #525252;
}

#sidebar .controls_section {
    -webkit-font-smoothing: antialiased;
    list-style-type: none;
    border: 1px solid rgba(0, 0, 0, .09);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 18px 0 0 0;
    padding: 0;
}

#sidebar .controls_section li {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    padding: 0;
    position: relative;
}

#sidebar .controls_section li:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

#sidebar .controls_section .forever_alone {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#sidebar .controls_section li:first-child {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.09);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.09);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09);
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-width: 0;
}

#sidebar .controls_section li:last-child, #right_column .controls_section .last.after_showing {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#sidebar .controls_section li a {
    font-size: 14px;
    text-decoration: none;
    background-repeat: no-repeat;
    padding: 8px 13px 10px 40px;
    display: block;
    text-align: left;
}

#sidebar .controls_section #agregar {
    background-image: url('../images/button/agregar_normal.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

#sidebar .controls_section #agregar:hover {
    background-image: url('../images/button/agregar_resaltado.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

/* ** ** Common Addative Classes ** ** */
.left, .float_left  { float:left	}
.right, .float_right { float:right	}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

.bold {font-weight:600;}
.italic {font-style:italic;}

a {	color:#525252;	}
a:hover, a:focus { text-decoration:underline;}
a:active, a:visited { }

blockquote {
		font-family: Georgia,"Times New Roman", Times, serif !important; 
		margin:5px !important; 
		padding:10px !important;
		font-size:1.52em !important; 
		color:#999 !important; 
		font-style:italic !important; 
		line-height:1.3em !important; 
		width:100% ; 
		quotes:none !important;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
	blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}

/* ** ** ul li's ** ** */
ul{
  list-style:outside disc;
}
ul,ol{
  margin:0 0 1.5em 1.5em;
  padding:0;
}
li ul,li ol{
  padding:0;
  margin:0 0 1.5em 1.5em;
}


/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em; text-align: justify;font-size: 15px; line-height: 1.6em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre 			{	margin:1.5em 0;white-space:pre;}


